<template>
	<!-- 计算结果页面 -->
	<view id="home">
		<view class="status_bar">
			<!-- 这里是状态栏 -->
		</view>
		<!--  is-disabled -->
		<view class="body">
			<c-runewords ref="child" :show-from="$cst_.SHOW_FROM.P2"></c-runewords>
		</view>
	</view>
</template>

<script>
	// import idImg from "@utils/identify_image.js";
	import $utils_ from "@/utils/common.js";
	import $cst_ from "@/utils/constant.js";
	import cRunewords from "@/pages/rune/runewords.vue";
	// import $utils_ from "../../utils/common.js";
	export default {
		components: {
			cRunewords
		},
		data() {
			return {}
		},
		// 每一个页面都放，切换语言后进那个页面再加载
		onReady() {
			const _this = this;
		},
		onLoad() {},

		onReachBottom() {
			// console.log("rune/index,onReachBottom");
			// console.log(this.$refs,this.$refs.child);
			this.$refs.child.onReachBottom_();
		},
		created() {
			const _this = this;
		},
		mounted() {},
		methods: {},
		destroyed() {
			console.log("destroyed...");
		}
	}
</script>

<style lang="scss" scoped>
	#home {
		height: 100%;
		background-color: rgb(28, 28, 28);

		.status_bar {
			position: fixed;
			top: 0;
			height: var(--status-bar-height);
			width: 100%;
			background-color: rgb(28, 28, 28);
			// background-color: #f5f5f5; // 防透视.data_area
			// background-color: blue;
			z-index: 99;
		}


		.body {
			// background-color: pink;
			padding-top: var(--status-bar-height);
			height: calc(100% - var(--status-bar-height));
			width: 100%;
			position: relative;
			background-color: rgb(28, 28, 28);

		}
	}
</style>